/*
 * @Author: hui 
 * @Date: 2019-06-06 19:44:30 
 * @Last Modified by: hui
 * @Last Modified time: 2019-06-06 20:12:26
 */
<template>
    <div class="picPerHubStyle">
        <!--图片-->
        <div class="picPerHub"  :style="note" >
        </div>
        <!--图片名字-->
        <div style="margin-top:0.6vw;">
            <img src="../../assets/camera.png">
            <span>风景</span>
        </div> 
        <!-- 图片标签 -->
        <!-- <div style="margin-top:0.6vw;">
            <img src="../../assets/tab1.png">
            <span>风景 动漫</span>
        </div> -->
    </div>
</template>

<style scoped>
.picPerHub {
  background-image: url(../../assets/l-bj.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  width: 10vw;
  height: 10vw;
  border-radius: 10px;
}

.picPerHubStyle {
  margin-top: 18px;
  display: inline-block;
}
.picPerHubStyle img {
  width: 1vw;
  vertical-align: middle;
}

.picPerHubStyle span {
  margin-left: 0.8vw;
  font-size: 0.9vw;
  color: #1e1e1e;
  font-family: DengXian;
}

.picStatus {
  background-color: #43a5f1;
  color: #fff;
  width: 60%;
  text-align: center;
  border-radius: 0 10px 0 0;
  float: right;
  font-size: 0.5vw;
  line-height: 1.5;
}
</style>